<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>搜索</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/search.css" rel="stylesheet">
</head>
<body>
    <header>
        <a href="javascript:history.go(-1)"><i class="iconfont back">&#xe608;</i></a>
        <span>搜索</span>
    </header>

    <form action="" class="clearfix">
        <i class="iconfont">&#xe60a;</i>
        <input type="text" placeholder="请输入关键字" class="search">
        <input type="button" value="取消" class="btn">
    </form>

    <p>搜索感兴趣的内容</p>
    <div class="line"></div>

    <ul class="clearfix">
        <li><a href="#">
            <div class="pImg">
                <img src="images/dfhbklds.png" alt="">
            </div>
            <div class="pInfo">
                文章
            </div>
        </a></li>
        <li><a href="#">
            <div class="pImg">
                <img src="images/VjXszxbh.png" alt="">
            </div>
            <div class="pInfo">
                图集
            </div>
        </a></li>
        <li><a href="#">
            <div class="pImg">
                <img src="images/zsdkhlln.png" alt="">
            </div>
            <div class="pInfo">
                视频
            </div>
        </a></li>
    </ul>
</body>
</html>